<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <!--  引入重置样式表     reset.css -->
    <link rel="stylesheet" href="../css/reset.css">
    <!-- 引入公共样式表       common.css -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入轮播样式表  -->
    <link rel="stylesheet" href="../static/swiper-bundle.min.css">
    <!-- 引进首页样式        index.css -->
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <!-- 头部 -->
    <div id="header">
        <div class="container clearfix">
            <p>欢迎来到HOUSE家居网</p>
            <div class="right clearfix">
                <script type="text/html" id="userInfor">
                    {{if data == ''}}
                    <a href="login.html" target="_self">登录</a>
                    <a href="login.html">注册</a>
                    <p class="teltext"><img src="../images/tel.png" alt="">400-00-000xxx</p>
                    <p class="mailtext"><img src="../images/mail.png" alt="">1234567xxx@gmail.com</p>
                    {{else}}
                    <a href="../pages/login.html">{{@username}}</a>
                    <p class="teltext"><img src="../images/tel.png" alt="">400-00-000xxx</p>
                    <p class="mailtext"><img src="../images/mail.png" alt="">1234567xxx@gmail.com</p>
                    {{/if}}
                </script>
            </div>
        </div>
    </div>
    <!-- 导航 -->
    <div id="nav">
        <div class="container">
            <a href="index.html" class="logoimg"><img src="../images/logo.png" alt="" class="logo"></a>
            <div class="nav">
                <ul>
                    <li>
                        <a href="index.html">首页</a>
                        <img src="../images/nav_move.jpg" alt="" class="moveimg">
                    </li>
                    <li><a href="aboutUs.html">关于我们</a>
                        <img src="../images/nav_move.jpg" alt="" class="moveimg1"></li>
                    <li><a href="productList.html">产品展示</a>
                        <img src="../images/nav_move.jpg" alt="" class="moveimg1"></li>
                    <li><a href="newList.html">新闻动态</a>
                        <img src="../images/nav_move.jpg" alt="" class="moveimg1"></li>
                    <li><a href="message.html">在线留言</a>
                        <img src="../images/nav_move.jpg" alt="" class="moveimg1"></li>
                    <li class="last"><a href="contactUs.html">联系我们</a>
                        <img src="../images/nav_move.jpg" alt="" class="moveimg1"></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 轮播 -->
    <div id="banner">
      <script type="text/html" id="bannerPic">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                {{ each list }}
                <div class="swiper-slide"><img src="{{ $value.url }}" alt=""></div>
                {{ /each }}
            </div>
            <div class="swiper-pagination"></div>
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <div class="borderimg">
                <p class="text1">精致生活 简单爱</p>
                <p class="text2">用细节缔造美好家居， 触碰你心中的柔软</p>
                <p class="text2">给您无微不至的关怀</p>
                <img src="../images/border.png" alt="">
            </div>
        </div>
    </script>


    </div>
    <!-- 介绍 -->
    <div class="introduce clrarfix">
        <div class="leftbox">
            <p class="title">品质高 经久耐用</p>
            <p class="text1">
                当前家纺市场上的优秀代表，从织造、染色、印花</p>
            <p class="text1">及整理包装的整个流程，我们都做的十分仔细，而且</p>
            <p class="text1">在环保性上，也有很好的表现</p>
        </div>
        <div class="centerbox">
            <p class="title">品质高 经久耐用</p>
            <p class="text1">
                公司全体员团结奋进、开拓进取，为创建特色鲜</p>
            <p class="text1">明、质量一流的名牌产品而不懈努力。公司凭借高素质</p>
            <p class="text1">的人才队伍，先进的工艺和一流、完善的企业管理</p>
        </div>
        <div class="rightbox">
            <p class="title">
                先进的工艺技术</p>
            <p class="text1">
                家纺依靠科技进步、倡导绿色消费，让消费者充分</p>
            <p class="text1">体会到品牌文化所带来的无穷魅力，专业致力于功能性</p>
            <p class="text1">在环保性上，也有很好的表现</p>
        </div>
    </div>
    <!-- 产品展示 -->
    <div class="product">
        <div class="titlebox">
            <div class="box1">产品展示</div>
            <div class="box2">OUR PRODUCTS</div>
        </div>
        <div class="left clearfix">
            <div class="topleft">
                <div class="topbox">
                    <a href="./productList.html"><img src="../images/pic01.jpg" alt="">
                        <img src="../images/pic01-01.jpg" alt="" class="img1"></a>
                </div>
                <div class="topbox">
                    <a href="./productList.html"><img src="../images/pic02.jpg" alt="">
                        <img src="../images/pic02-01.jpg" alt="" class="img1"></a>
                </div>
            </div>
            <div class="botleft">
                <div class="topbox">
                    <a href="./productList.html"> <img src="../images/pic03.jpg" alt="">
                        <img src="../images/pic03-01.jpg" alt="" class="img1"></a>
                </div>
                <div class="topbox">
                    <a href="./productList.html"><img src="../images/pic04.jpg" alt="">
                        <img src="../images/pic04-01.jpg" alt="" class="img1"></a>
                </div>
            </div>
        </div>
        <div class="right clearfix">
            <a href="./productList.html"><img src="../images/pic05.jpg" alt="">
                <img src="../images/pic05-01.jpg" alt="" class="img2"></a>
        </div>
    </div>
    <!--关于我们  -->
    <div id="abouUs">
        <div class="imgbox">
            <div class="container">
                <div class="aboutbox">
                    <P class="ustext1">关于我们</P>
                    <p class="ustext2">
                        **家纺有限公司现有员工1000余人，资产总额9000万元。下设：纺纱分厂、毛巾分厂、绣花分厂、家纺分厂和进出口公司。先后在韩国、欧洲、日本、美国、澳大利亚、新加坡、中东、非洲等十几个国家和地区建立了稳定的销售网络和分公司。被省、市政府评为“先进企业”“功勋企业”“外贸出口先进单位”，同时被授予“AAA”级信用企业。**公司凭借高素质的人才队伍，先进的工艺和一流、完善的企业管理，赢得了国内外客户的良好赞誉，使得企业很快发展成为集纺、织、印、染、绣花为一体的家纺集团。公司先后荣获了“中国驰名商标”、“**名牌”、“**省著名商标”等荣誉称号。公司通过了ISO9001：2000......
                    </p>
                    <p><button class="usbtn">READ MORE</button></p>
                </div>
            </div>
        </div>

    </div>
    <!-- 新闻 -->
    <div id="news">
        <div class="container">
            <div class="titlebox">
                <p class="box1"><a href="#">新闻动态</a></p>
                <p class="box2"><a href="#">NEWS CENTER</a></p>
            </div>
            <div class="newsbox clearfix">
                <img src="../images/pic06.jpg" alt="">
                <div class="newsline clearfix">
                    <div class="left"><span>[行业资讯]</span><a href="#">家纺行业的四大走向</a></div>
                    <div class="right">2014-10-20</div>
                </div>
                <div class="newsline clearfix">
                    <div class="left"><span>[行业资讯]</span><a href="#">家纺行业：从价值链的薄弱环节找到</a></div>
                    <div class="right">2014-10-20</div>
                </div>
                <div class="newsline clearfix">
                    <div class="left"><span>[行业资讯]</span><a href="#">XX网加盟“绿书签”行动</a></div>
                    <div class="right">2014-10-20</div>
                </div>
                <div class="newsline clearfix">
                    <div class="left"><span>[行业资讯]</span><a href="#">2009年净利润同比增长34.4</a></div>
                    <div class="right">2014-10-20</div>
                </div>
                <div class="newsline clearfix">
                    <div class="left"><span>[行业资讯]</span><a href="#">家电涨价与降价背后的营销逻辑</a></div>
                    <div class="right">2014-10-20</div>
                </div>
                <div class="newsline clearfix">
                    <div class="left"><span>[行业资讯]</span><a href="#">高科技家电未来都很低碳</a></div>
                    <div class="right">2014-10-20</div>
                </div>
            </div>
            <div class="newsbox clearfix">
                <img src="../images/pic07.jpg" alt="">
                <div class="newsline clearfix">
                    <div class="left"><span>[公司动态]</span><a href="#">有意实施行业内重组 蕴藏可升值资</a></div>
                    <div class="right">2014-10-20</div>
                </div>
                <div class="newsline clearfix">
                    <div class="left"><span>[公司动态]</span> <a href="#">端午节家电大力促销</a></div>
                    <div class="right">2014-10-20</div>
                </div>
                <div class="newsline clearfix">
                    <div class="left"><span>[公司动态]</span><a href="#">**家纺驻外办事处相继成立</a></div>
                    <div class="right">2014-10-20</div>
                </div>
                <div class="newsline clearfix">
                    <div class="left"><span>[公司动态]</span><a href="#">继往开来 搏击10</a></div>
                    <div class="right">2014-10-20</div>
                </div>
                <div class="newsline clearfix">
                    <div class="left"><span>[公司动态]</span> <a href="#">**组团参加第十七届中国（上海）</a></div>
                    <div class="right">2014-10-20</div>
                </div>
                <div class="newsline clearfix">
                    <div class="left"><span>[公司动态]</span><a href="#">**家居体验馆盛大开业</a></div>
                    <div class="right">2014-10-20</div>
                </div>
            </div>
            <div class="newsbox clearfix">
                <img src="../images/pic08.jpg" alt="">
                <div class="newsline clearfix">
                    <div class="left"><span>[媒体热点]</span> <a href="#">端午节家电大力促销</a></div>
                    <div class="right">2014-10-20</div>
                </div>
                <div class="newsline clearfix">
                    <div class="left"><span>[媒体热点]</span><a href="#">有意实施行业内重组 蕴藏可升值资</a></div>
                    <div class="right">2014-10-20</div>
                </div>
                <div class="newsline clearfix">
                    <div class="left"><span>[媒体热点]</span><a href="#">家纺与电影</a></div>
                    <div class="right">2014-10-20</div>
                </div>
                <div class="newsline clearfix">
                    <div class="left"><span>[媒体热点]</span><a href="#">家纺行业：从价值链的薄弱环节找到</a></div>
                    <div class="right">2014-10-20</div>
                </div>
                <div class="newsline clearfix">
                    <div class="left"><span>[媒体热点]</span><a href="#">当前中国家纺市场现状及前景预测</a></div>
                    <div class="right">2014-10-20</div>
                </div>
                <div class="newsline clearfix">
                    <div class="left"><span>[媒体热点]</span><a href="#">家纺行业的四大走向</a></div>
                    <div class="right">2014-10-20</div>
                </div>
            </div>
        </div>
    </div>
    <!-- 侧边栏 -->
    <div id="aside">
        <ul>
            <li>
                <img src="../images/cart.png" alt="">
                <img src="../images/cart_hover.png" alt="" class="active">
                <span>购物车</span>
            </li>
            <li>
                <img src="../images/totop.png" alt="">
                <img src="../images/totop_hover.png" alt="" class="active">
                <span>回到顶部</span>
            </li>
        </ul>
    </div>
    <!-- 底部 -->
    <div id="footer">
        <div class="container">
            <div class="footerleftbox">
                <img src="../images/logo2.jpg" alt="">
                <div class="footerleft">
                    <img src="../images/icon.jpg" alt="">
                    <p>中国上海市xxx区xxx路12号moumou大厦5层5xx室</p>
                    <p>400-000-xxxx / (021)-1234578xxx</p>
                    <p>12385963xxxx@gmail.com</p>
                </div>
            </div>
            <div class="footercenterbox">
                <div class="footercenter">
                    <p class="title">快速链接</p>
                    <div class="footerbox1">
                        <div class="footerboxleft">
                            <p><a href="#">> 网站首页</a></p>
                            <p><a href="#">> 产品展示</a></p>
                            <p><a href="#">> 在线留言</a></p>
                        </div>
                        <div class="footerboxright">
                            <p><a href="#">> 关于我们</a></p>
                            <p><a href="#">> 新闻动态</a></p>
                            <p><a href="#">> 联系我们</a></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footerrightbox">
                <div class="footercenter">
                    <p class="title">站内搜索</p>
                    <div class="lastbtn">
                        <input type="text" placeholder="请输入关键字">
                        <button>搜索</button>
                    </div>
                    <div class="rightlast">
                        <p>关注我们</p>
                        <a href="#">
                            <img src="../images/fenxiang.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 页脚 -->
    <div id="last">
        <div class="container">
            <p> Copyright 2007-2014 北京千锋互联科技有限公司 京ICP备12003911号-3 京公安备11010802011455 站长统计 百度统计</p>
        </div>
    </div>

    <script src="../static/jquery-3.6.0.js"></script>
    <script src="../static/swiper-bundle.min.js"></script>
    <script src="../static/template-web.js"></script>
    <script src="../js/common.js"></script>
    <script src="../js/index.js"></script>

</body>

</html>